<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<style>
*{
	margin: 0;
	padding: 0;
}
.wrap{
	width:100%;
	height: 502px;
	border: 1px solid red;
	overflow-y: auto;
}
.wrap .list{
	box-sizing: border-box;
	width: 100%;
	height: 100px;
	border-bottom: 1px solid blue;
}
</style>
</head>
<body>
<div class="wrap">
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
	<div class="list">aaa</div>
</div>
</body>
</html>